import axios from 'axios'
import { ElMessage } from 'element-plus'
import { useUserStore } from '@/stores/userStore'
import { storeToRefs } from 'pinia'
import router from '@/routers'

const { resetValue } = useUserStore()

// 全局配置
axios.defaults.baseURL = 'http://pcapi-xiaotuxian-front-devtest.itheima.net'
axios.defaults.timeout = 10000
/* 如果项目中需要用到多个根路径，则可以使用axios.create()方法创建多个axios实例 */

// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const { user } = storeToRefs(useUserStore())
    const token = user.value.token
    token && (config.headers.Authorization = 'Bearer ' + token)
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
  },
  function (error) {
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    ElMessage.error(error.response.data.msg)
    switch (error.response.status) {
      // 401:token失效，需要清除用户数据，跳转到登录页
      case 401:
        resetValue({})
        router.push('/login')
        break

      default:
        break
    }
    return Promise.reject(error)
  }
)

export default axios
